<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人封面</title>
  <style>
    body,html {
      width: 100%;
      height: 100%;
      background: linear-gradient(to right,red 20%, orange 20% 40%, yellow 40% 60%, green 60% 80%, blue 80%);
      /* background: linear-gradient(270deg, #fff 0%, rgba(0, 123, 134, 0.6) 100%); */
    }
    #cover {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
    }
    #cover p {
      width: 40px;
      font-size: 46px;
      position: relative;
    }
  </style>

</head>

<body>
  <div id="cover">
    <p>个人简历</p>
    <img src="https://imgcdpee.cdpee.org.cn/16755153945114.jpg" alt="" srcset="">
  </div>
</body>

</html>